<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, viewport-fit=cover, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <title>打卡查询-书签工具</title>
  </head>

  <body style="display: flex; flex-direction: column; align-items: center">
    <div style="margin-top: 100px">
      <a
        href='javascript: (()=>{const script = document.createElement("script"); script.setAttribute("type", "text/javascript"); script.setAttribute("src", "https://xinshangshangxin.gitee.io/ht-attendance/latest.js?now=" + Date.now()); document.body.appendChild(script)})()'
        style="
          background-color: #4caf50;
          border: none;
          color: white;
          padding: 8px 20px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 16px;
          border-radius: 12px;
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        "
        >打卡统计</a
      >
    </div>

    <h3>
      <p>将上面的 打卡统计 链接拖拽到书签栏</p>
      <p>
        进入
        <a href="https://oa.hengtonggroup.com.cn/wui/main.jsp" target="_blank">oa系统</a>
        并登录
      </p>

      <p>点击书签栏上 打卡统计 书签, 按提醒操作</p>

      <p>__INJECT_HTML_VERSION__</p>
    </h3>

    <img style="width: 400px" src="./static/how-to-drag.gif" />

    <script>
      console.log('__INJECT_JSON_VERSION__');
    </script>
  </body>
</html>
